<!--suppress ALL -->
<template>
  <div v-bind:style="{'min-height':clientHeight + 'px'}" style="background-color: #ebebeb">
    <div class="main">
      <nav style="text-align: center" sclass="active">
        <a class="home" @click="makeActive('home')">充值记录</a>
        <!--<a class="projects" @click="makeActive('projects')">分配记录</a>-->
      </nav>
    </div>

      <order v-show="Istrue"></order>
      <!--<share v-show="!Istrue"></share>-->
    </div>

</template>

<script>
  import {ALLOTRCD} from '../../api/request'
  import order from '../../components/order/order'
  import share from '../../components/order/share'
  import {Toast} from 'vue-ydui/dist/lib.rem/dialog'
  export default {
    components: {order, share},
    data () {
      return {
        Istrue: true,
        clientHeight: document.documentElement.clientHeight,
        active: "home"
      }
    },
    methods: {
      makeActive: function (item) {
        this.active = item;
        if (this.active === 'home') {
          this.Istrue = true;
        } else if (this.active === 'projects') {
          console.log('show' + this.active)
          this.Istrue = false;
        }
      }
    }
  }
</script>

<style scoped>
  * {

  }

  a, a:visited {
    outline: none;
    color: #389dc1;
  }

  a:hover {
    text-decoration: none;
  }

  /* The menu */
  .main {
    background-color: #0092f8;
  }

  nav a {
    display: inline-block;
    padding: 0.3rem;
    color: #fff !important;
    font-weight: bold;
    font-size: 0.3rem;
    line-height: 1;
    width: 46%;
    text-align: center;
  }


  nav.home .home,
  nav.projects .projects {
    border-bottom: 0.05rem solid white;
    color: #42b983;
  }


</style>
